// 快速导入公共样式
@import  "common";
@font :50;
body {
    min-width: 320px;
    width: 15rem;
    margin: 0 auto;
    font-family:  Arial, Helvetica, sans-serif,'Courier New', Courier, monospace;
    background-color: #F2F2F2;
}
.search-content {
    position: fixed;
    display: flex;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 15rem;
    height: 88rem / @font;
    background-color: #FFBD00;
    .classfly {
        width: 44rem / @font;
        height: 70rem / @font;
        margin: 11rem / @font 25rem / @font 7rem / @font 24rem / @font;
        background: url(../images/classify.png) 0 0 no-repeat;
    }
    .search {
        flex: 1;
        display: flex;
        position: relative;
        align-items: center;
      
        input {
            height: 68rem / @font;
            width: 100%;
            font-size: 25rem / @font;
            padding-left: 70rem / @font;
            background-color: #FFF2CC0;
            border-radius: 34rem / @font;
        }
        .search-icon {
            position: absolute;
            top: 50%;
            left:17rem / @font;
            transform: translateY(-50%);
            width: 36rem / @font;
            height: 36rem / @font;
            background-color: red;
        }
    }
    .login {
        width: 75rem / @font;
        height: 70rem / @font;
        margin: 10rem / @font;
        font-size: 25rem / @font;
        color: #fff;
        text-align: center;
        line-height: 70rem / @font; 
    }
}
.focus {
    .banner {
        height: 370rem / @font;
        width: 100%;
        img {
            width: 100%;
            height: 100%;
        }
    }
}
.ad {
    display: flex;

    a {
        display: block;
        flex: 1;
        height: 200rem / @font;
        img {
            width: 100%;
            height: 100%;
        }
    }
    
}
.nav {
    display: flex;
    flex-flow: row wrap;
    padding: 10rem / @font 0 30rem / @font 0;
    background-color: #fff;
    a {
        display: block;
        flex: 20%;
        height: 140rem / @font;
        text-align: center;
        font-size: 25rem / @font;
        color: #333;
        img {
            width: 84rem / @font;
            border-radius: 20rem / @font;
            margin: 10rem / @font 0 10rem / @font 0 ;
        }
    }
}